*{outline:0!important;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}
button,input[type=radio],input[type=checkbox],a{cursor:pointer}
a,a:hover,a:focus{text-decoration:none;color:inherit;font-size:inherit}
a img{border:0 none}
ul,ol{list-style:none;padding:0;margin:0}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.small{font-size:12px}
.normal{font-weight:normal}
.bold{font-weight:700}
.text-left{text-align:left}
.block{display:block}
.none{display:none}
img{max-width:100%;}
input,select{outline:none;border:0;}
p{margin:0;}
iframe{width:100%;}
hr{border-top-color:#d9e2e7;}

a{-webkit-transition:none;transition:none;}

html, body{-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: text;-webkit-overflow-scrolling: touch;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);margin: 0;padding: 0;}
/*flex 下 text-align pull-right 无效*/
/*并排*/
.flex-center,.flex-left,.flex-right,.flex,.flex-auto,.space-between,.space-around{display: flex;flex-wrap:wrap;}
.flex-center{justify-content:center;}
.flex-left{justify-content:flex-start;}
.flex-right{justify-content:flex-end;}

.space-between{justify-content:space-between;}
.space-around{justify-content:space-around}

/*中对齐 */
.flex-auto{justify-content:center;align-items: center ;flex:0 0 auto;}
.flex-middle{align-items:center;}
/*上对齐*/
.flex-top{align-items:flex-start;}
/*下对齐*/
.flex-bottom{align-items:flex-end ;}
.item-inline{display: inline-flex;}
/*父级为flex */
.item-center{align-self:center;}
.item-top{align-self:flex-start;}
.item-bottom{align-self:flex-end;}

.o-hidden,.o-hidden body{height:100%;max-height:100%;overflow:hidden;}

@media (max-width: 992px){
    .hide-md{display:none!important;}
}
@media (max-width: 768px){
    .hide-sm{display:none!important;}
}


body{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-size:14px;line-height:1;color:#666;background-color:#fafafa;}
.container{max-width:1200px;position:relative;}
.btn{font-size:inherit;border:0;}
.btn:hover,.btn:active,.btn:focus{box-shadow:none;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-40{padding-top:40px;}
.pt-60{padding-top:60px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-40{padding-bottom:40px;}

.blue{color:#2aabed;}
.bg-white{background-color:#fff;}
.backdrop{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.3);display:none;}
a [class^=icon-]{display:inline-block;}
.icon-down{display:inline-block;width:20px;height:20px;background-image:url(../image/icon-down.png);background-position:center;background-size:auto;background-repeat:no-repeat;}
.icon-down.disabled{background-image:url(../image/icon-down2.png);}
.icon-plays{display:inline-block;width:30px;height:30px;background-image:url(../image/icon-play.png);background-position:center;background-size:auto;background-repeat:no-repeat;}
.icon-video{display:inline-block;width:30px;height:30px;background-image:url(../image/icon/video.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-doc{display:inline-block;width:30px;height:30px;background-image:url(../image/icon/doc.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-pro{display:inline-block;width:40px;height:40px;background-image:url(../image/icon/icon-pro.png);background-position:center;background-size:contain;background-repeat:no-repeat;font-size:20px;color:#fff;font-weight:700;font-style:oblique;text-align:center;padding-top:4px;}
.icon-del{display:inline-block;width:20px;height:20px;background-image:url(../image/icon/icon-del.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-add{display:inline-block;width:20px;height:20px;background-image:url(../image/icon/icon-add.png);background-position:center;background-size:contain;background-repeat:no-repeat;}

.icon-rw{display:inline-block;width:14px;height:18px;background-image:url(../image/icon/icon-rw.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-wk{display:inline-block;width:18px;height:18px;background-image:url(../image/icon/icon-wk.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-sc{display:inline-block;width:14px;height:18px;background-image:url(../image/icon/icon-sc.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-gw{display:inline-block;width:20px;height:18px;background-image:url(../image/icon/icon-gw.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-fwl{display:inline-block;width:20px;height:18px;background-image:url(../image/icon/icon-fwl.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-rd{display:inline-block;width:16px;height:18px;background-image:url(../image/icon/icon-rd.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-star{display:inline-block;width:18px;height:18px;background-image:url(../image/icon/icon-star.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-star::before{content:none;}
.icon-star.on{background-image:url(../image/icon/icon-star2.png);}
.icon-qrcode{display:inline-block;width:22px;height:22px;background-image:url(../image/icon/icon-qrcode.png);background-position:center;background-repeat:no-repeat;}
.icon-qrcode::before{content:none;}

.icon-time{display:inline-block;width:16px;height:16px;background-image:url(../image/icon/icon-time.png);background-position:center;background-repeat:no-repeat;}
.icon-time::before{content:none;}
.icon-zan{display:inline-block;width:14px;height:14px;background-image:url(../image/icon/icon-zan.png);background-position:center;background-repeat:no-repeat;}
.icon-zan.on{background-image:url(../image/icon/icon-zan2.png);}


[class*="icon-count-"]{display:inline-block;width:40px;height:36px;background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-count-gw{background-image:url(../image/icon/icon-count-gw.png);}
.icon-count-xm{background-image:url(../image/icon/icon-count-xm.png);}
.icon-count-rw{background-image:url(../image/icon/icon-count-rw.png);}
.icon-count-wk{background-image:url(../image/icon/icon-count-wk.png);}
.icon-count-user{background-image:url(../image/icon/icon-count-user.png);}
.icon-count-fw{background-image:url(../image/icon/icon-count-fw.png);}

.icon-gw2{display:inline-block;width:38px;height:36px;background-image:url(../image/icon/icon-gw2.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-xm2{display:inline-block;width:38px;height:36px;background-image:url(../image/icon/icon-xm2.png);background-position:center;background-size:contain;background-repeat:no-repeat;}


/* Swiper */
.swiper-pagination-bullet{width:40px;height:4px;border-radius:2px;background:#fff;opacity:.3;}
.swiper-pagination-bullet-active{opacity:1;}

/* Breadcrumb */
.breadcrumb-box{margin-top:50px;height:20px;line-height:20px;color:#fff;}
.breadcrumb{float:left;padding:0;margin:0;}
.breadcrumb li{display:inline-block;}
.breadcrumb li+li:before{padding:0 5px;content:"/\00a0";}
.breadcrumb li a{}
.breadcrumb-box .nav{float:right;position:relative;}
.breadcrumb-box .nav > a{padding-left:30px;background:url(../image/icon/menu.png) left center no-repeat;}
.breadcrumb-box .nav ol{padding:20px;border-radius:4px;background-color:rgba(245,245,245,0.9);position:absolute;top:60px;right:0;z-index:3;display:non1e;}
.breadcrumb-box .nav ol li{width:200px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.breadcrumb-box .nav ol li+li{margin-top:15px;}

/* Tab navr */
.nav>li>a:focus, .nav>li>a:hover{background-color:transparent;}
.nav-stacked a{font-size:16px;}
.btn.disabled, .btn.disabled.active, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover, fieldset[disabled] .btn, fieldset[disabled] .btn.active, fieldset[disabled] .btn:active, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:hover{background-color:#999;border-color:#999;color:#fff;text-shadow:none;}

/* lightimg */
#lightimg .modal-dialog{width:auto;max-width:1200px;border-radius:0;}
#lightimg .modal-content{}

#lightimg .controller{position:absolute;top:0;z-index:1;display:none;height:100%;padding:0;line-height:100%;color:#fff;cursor:pointer;background-color:transparent;border:none;outline:0;-webkit-transition:background.2s cubic-bezier(.175,.885,.32,1);-o-transition:background.2s cubic-bezier(.175,.885,.32,1);transition:background.2s cubic-bezier(.175,.885,.32,1);}
#lightimg .controller.prev{left:0;}
#lightimg .controller.next{right:0;}
#lightimg .controller>.icon{display:inline-block;width:60px;height:50px;line-height:50px;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:transparent;-webkit-transition:background.2s cubic-bezier(.175,.885,.32,1);-o-transition:background.2s cubic-bezier(.175,.885,.32,1);transition:background.2s cubic-bezier(.175,.885,.32,1);}
#lightimg .image:hover .controller>.icon{background-color:#353535;background-color:rgba(53,53,53,.9);}

#lightimg .image{height:100%;text-align:center;padding:20px 10px;border-right:1px solid #e5e5e5;background-color:#eaeef1;}
#lightimg .image img{max-width:90%;max-height:90%;}
#lightimg .content{height:100%;padding:20px;background-color:#fff;}

#lightimg .close{position: absolute;top:10px;right:10px;z-index:9;opacity:.7;}
@media (max-width: 1200px){
    #lightimg .modal-dialog{width:960px;}
}
@media (max-width: 992px){
    #lightimg .modal-dialog{width: 100%;}
    #lightimg .modal-content{height:auto;}
    #lightimg .image{height:auto;}
    #lightimg .content div{display:none;}
}

h1,.h1{font-size:24px;color:#333;}
h2,.h2{font-size:20px;color:#333;}
h3,.h3{font-size:16px;color:#333;}
h4{font-size:14px;color:#333;}

/* ZUI color bg */
.text-success,.text-success:hover{color:#65bd27;}
.text-primary,.text-primary:hover{color:#2aabed;}
.text-danger,.text-danger:hover{color:#fb7069}
.btn-success{background:#65bd27;}
.btn-primary{background-color:#2aabed;}
.btn-primary:hover{background-color:#2a58ad;}
.btn-primary:active{background-color:#1d4c9e;}
.nav-stacked.nav-secondary>li.active>a, .nav-stacked.nav-secondary>li.active>a:focus, .nav-stacked.nav-secondary>li.active>a:hover{-webkit-box-shadow:inset 2px 0 0 #2aabed;box-shadow:inset 2px 0 0 #2aabed;}
.nav-secondary>li.active>a, .nav-secondary>li.active>a:focus, .nav-secondary>li.active>a:hover{border-color:#2aabed;color:#2aabed;}
.nav-secondary>li.active>a h2, .nav-secondary>li.active>a:focus h2, .nav-secondary>li.active>a:hover h2{color:#2aabed;}
.nav-primary>li.active>a, .nav-primary>li.active>a:focus, .nav-primary>li.active>a:hover{background-color:#2aabed;border-color:#2aabed;}


.goTop{position:fixed;bottom:60px;right:30px;z-index:9;width:30px;height:30px;background:url(../image/icon/gotop.png) rgba(0, 0, 0, 0.5) center center no-repeat;background-size:50%;cursor:pointer;}

/* 头部 */
header{width:100%;height:80px;background-color:#fff;color:#333;font-size:16px;border-bottom:1px solid #e5e5e5;position:relative;z-index:299;}
header .container{padding-top:20px;padding-bottom:20px;}
header .logo{}
header .logo h1{display:inline;font-size:24px;margin-left:20px;position:relative;top:7px;}
header .link{margin-left:60px;}
header .link a{line-height:40px;position:relative;}
header .link a + a{margin-left:40px;}
header .link a.active:after{content:'';position:absolute;bottom:-30px;left:0;right:0;height:3px;background-color:#2aabed;pointer-events:none;}

header .a-search{display:inline-block;width:40px;height:40px;background:url(../image/icon/search.png) center no-repeat #2a99ea;margin-left:40px;position:relative;border-radius:4px;}

header .user{font-size:14px;line-height:40px;}
header .user .icon{margin-left:10px;color:#d9e2e7;}
header .user .user-menu{display:none;position:absolute;top:0;right:0;width:120px;padding-top:80px;z-index:3;}
header .user .user-menu a{display:block;line-height:60px;font-size:16px;text-align:center;color:#999;background-color:rgba(0,0,0,0.7);position:relative;}
header .user .user-menu a + a:after{content:'';position:absolute;top:-1px;left:0;right:0;margin:0 20px;border-top:1px solid rgba(217,226,231,0.5);}
header .user .user-menu a:hover{color:#fff;}
/* 头部 end */
/* 底部 */
footer{position:relative;width:100%;background-color:#111;padding-top:60px;padding-bottom:60px;color:#999;}
footer h2,footer .clearfix + p,footer .clearfix + p + p{color:#fff;}
footer img{margin-bottom:10px;}
footer img + p{padding-top:5px;color:#fff;}
footer h2{margin-bottom:20px;}
footer p{margin-bottom:10px;}

@media (min-width: 768px){
    header .user:hover .user-menu{display:block;}
}
@media (max-width: 992px){
    header .link{margin-left:20px;}
    header .link a + a{margin-left:10px}
    header .a-search{margin-left:20px;}
}
@media (max-width: 768px){
    .open-nav{position:fixed;top:0;bottom:0;max-width:100%;overflow:hidden;}
    header{height:60px;}
    header .container{padding-top:15px;padding-bottom:15px;}
    header .logo img{height:30px;}
    header .a-search{width:30px;height:30px;}

    header .user{display:inline-block;width:20px;height:20px;text-indent:-9999999px;;background-image:url(../image/icon/icon-menu.png);background-position:center;background-size:20px;background-repeat:no-repeat;padding:5px 10px;margin-right:-10px;box-sizing:content-box;}
    header .user > a{display:none;}

    header .link{position:fixed;top:60px;right:0;bottom:0;left:0;margin:0;z-index:99999;padding:10px;background-color:#fff;transform:translateY(-150%);overflow:hidden;}
    header .link a{display:block;text-align:center;}
    header .link a + a{margin-left:0;border-top:1px solid #e5e5e5;}
    header .link a.active{color:#2aabed;}
    header .link a.active + a{border-top-color:#2aabed;}
    header .link a.active:after{content:none;}
    .open-nav header .link{transform:translateY(0);}
    header .link a{transform:translateY(-100px);transition:all .7s;}
    .open-nav header .link a{transform:translateY(0);}

    footer{display:none;}

    .breadcrumb_box{display:none;}
    .breadcrumb_box + .details-head-img{margin-top:-40px;}
}
/* 底部 end */

/* banner */
.banner{padding:0;}
.banner .tab{position:absolute;left:0;top:0;bottom:0;z-index:199;}
.banner .tab li > a{display:block;width:200px;height:60px;line-height:60px;padding-left:15px;color:#333;background-color:rgba(255,255,255,0.9);font-size:16px;border-left:5px solid transparent;position:relative;}
.banner .tab li:hover > a{background-color:#fff;color:#2aabed;border-left-color:#2aabed;}
.banner .tab li .tab-con{display:none;min-height:360px;background:#fff;width:1000px;position:absolute;top:0;left:200px;box-shadow:2px 2px 10px 0 rgba(46,61,73,.3);}
.banner .tab li:hover .tab-con{display:block;}
/* banner-菜单 */
.tab-con{padding:20px 40px;}
.tab-con a:hover{color:#2aabed;}
.tab-con .link .tab-con-line+.tab-con-line{padding-top:20px;border-top:1px dashed #ddd;}
.tab-con .link .tab-con-line > h4{float:left;width:150px;}
.tab-con .link .tab-con-line div{float:left;width:690px;margin-right:40px;margin-left:40px;font-size:0;}
.tab-con .link .tab-con-line div a{display:inline-block;font-size:12px;padding-right:10px;margin-right:10px;margin-bottom:20px;border-right:1px solid #d9e2e7;}
.tab-con .txt{display:none;width:220px;border:1px solid #ccc;border-radius:4px;padding:15px 20px;}
.tab-con .txt p{text-indent:2em;height:280px;line-height:20px;overflow:hidden;}
/* banner-swiper */
.banner .swiper-container{width:100%;}
.banner .swiper-slide{height:360px;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.banner .swiper-slide a{display:block;height:100%;}
/* banner end */
@media (max-width: 992px){
    .tab-inner{display:none;}
    .banner .swiper-slide{height:280px;}
}
@media (max-width: 768px){
    .banner .swiper-slide{height:220px;}
}


/* 子导航 */
.subnav{text-align:center;border-bottom:1px solid #d9e2e7;}
.subnav a{display:inline-block;font-size:20px;border-bottom:2px solid transparent;padding-top:40px;padding-bottom:25px;margin-bottom:3px;}
.subnav a + a{margin-left:30px;}
.subnav a.active{border-color:#2aabed;color:#2aabed;}
@media (max-width: 768px){
    .subnav a{padding-top:10px;padding-bottom:10px;margin-bottom:5px;font-size:16px;}
    .subnav a + a{margin-left:20px;}
}
/* 子导航 end */

/* 项目列表 */
.project{background-color:#fafafa;padding-top:60px;padding-bottom:20px;}
.project + .project{padding-top:0;}
.project.not{background-color:#f5f5f5;padding-top:60px;}
.project-state{margin-bottom:40px;font-size:24px;text-align:center;}
/* 项目列表-头部 */
.project-head{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #d9e2e7;color:#999;font-size:12px;}
.project-head-title{font-size:20px;color:#333;}
.project-head > a.pull-right{margin-top:5px;}
.project-head .project-head-label{margin-left:40px;}
.project-head-label{line-height:20px;}
.project-head-label label{font-size:12px;font-weight:300;margin-bottom:0;vertical-align:sub;}
.project-head-label label .label{font-size:14px;}
.project-head .project-head-label label + label{margin-left:20px;}
.project-head-label label span{display:inline;padding:0 .3em;background-color:#2aabed;margin-left:5px;}
/* 项目列表-种类 */
.project-class{width:100%;overflow-x:auto;white-space:nowrap;}
.project-class a{display:inline-block;font-size:16px;}
.project-class a + a{margin-left:20px;}
.project-class a.active{color:#2aabed;border-bottom:2px solid #2aabed;padding-bottom:10px;}

/* 项目列表-豆腐块 */
.project-class + .card-group{padding-bottom:40px;}
.card-group .card-box{width:25%;float:left;padding-left:10px;padding-right:10px;}
.card-box{position:relative;margin-bottom:20px;}
.card-box .card-box-content{padding:10px 10px 20px;background-color:#fff;}
.card-box .card-box-content:hover{box-shadow:0px 5px 25px 0 rgba(46,61,73,.5);}
.card-img{position:relative;}
.card-img img{display:block;width:100%;height:100%;}
.imgbox .card-img img{cursor: pointer;}
.card-img .icon-plays{position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px;display:none;}
.card-img:hover > a *{display:block;}
.card-info{color:#333;}
.card-info-title{padding-left:50px;position:relative;height:40px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.card-info-title i{position:absolute;left:0;top:0;}
.card-info-item label{float:left;font-size:12px;font-weight:300;line-height:18px;color:#999;margin-bottom:0;}
.card-box .card-info-item label{color:#999;}
.card-box .card-info-item label + label{margin-left:20px;}
/* .card-info-item label span{display:inline;padding:.2rem .3em;background-color:#e4e4e4;margin-right:10px;border-radius:4px;} */
.card-info-item label i{float:left;margin-right:10px;}

.card-title{position:relative;}
.card-title span{color:#999;margin-right:10px;}
.card-title .icon-down,.card-title .icon-del{float:right;margin-top:-3px;margin-left:10px;}
.card-title .icon-down{display:none;}
.card-box:hover .card-title .icon-down{display:block;}

/* 项目列表 end */
@media (max-width: 992px){
    .project-head .project-head-label{display:none;}
    .card-group .card-box{width:50%;}
}

/* 详情 */
/* 头部 */
.details-head .details-head-img .row{height:100%;}
.details-head .details-head-img img{width:100%;height:100%;}
.details-head .details-head-img img[src=""]{opacity:0;}
.details-head .details-head-text{padding-left:40px;}
.details-head .details-head-text h1 span{margin-right:20px;color:#999;}
.details-head .details-head-text .con-group a{position:absolute;top:0;right:0;font-size:16px;}
.details-head .details-head-text .con-group .con-title + div{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.details-head .details-head-text a:hover + .popover{display:block;left:auto;right:-15px;top:20px;}
.details-head .details-head-text .popover canvas{width:140px;}
.details-head .details-head-btn a{font-size:16px;margin-right:40px;}

/* .details-media{display:none;}
.details-media iframe{width:100%;height:600px;}
.details-media-data{max-height:542px;overflow-y:scroll;list-style:decimal;padding:0 20px;} */
/* 内容 */
.details-content{background-color:#fafafa;border-top:1px solid #d9e2e7;padding-top:40px;padding-bottom:80px;}
.details-content h1{color:#666;}
.details-content .details-content-nav{padding-bottom:15px;}
.details-content-nav li{float:left;font-size:20px;}
.details-content-nav li + li{margin-left:40px;}
.details-content-nav li a{padding-bottom:10px;border-bottom:2px solid transparent;}
.details-content-nav li.active a{color:#2aabed;border-bottom:2px solid #2aabed;}

/* 内容文本 */
.con-group{position:relative;padding:20px 10px 10px;}
.details-head-text .con-group{padding:0;}
.con-group+.con-group{margin-top:20px;}
.con-group+.project-head-label{padding-left:10px;}
.details-head-text .con-group+.con-group{margin-top:10px;}
.con-group > h1{margin-bottom:15px;}
.con-group > p,.con-group > div p+div{margin-bottom:10px;}
.con-group > div{line-height:1.8;}
.con-title{font-size:16px;color:#333;border-left:2px solid #2aabed;padding-left:8px;}
.con-group .con-title + div{padding-left:10px;}
.con-group .con-title + div.text-ellipsis{height:20px;}
.con-group .con-title + div p{color:#333;}
.con-group .row .con-title{border-left:none;padding-left:0;}

.list-pro .con-group{padding:0;background-color:transparent;}

#triggerModal .modal-body{background-color:#f5f5f5;}

@media (max-width: 992px){
    .details-content-nav li + li{margin-left:20px;}
    .details-content{padding-left:10px;padding-right:10px;}
    .con-group+.project-head-label{padding-left:0;}
}

/*  */
.material{position: relative;}
.material-btn{display:none;}

/* 项目页-电子教材 左侧栏 */
.material .menu{position:relative;float:left;width:280px;min-height:1px;}
.material .menu ul{position:relative;width:280px;padding-right:40px;padding-left:40px;}
.material .menu li{position:relative;}
.material .menu li + li{margin-top:15px;}
.material .menu ul li + li:after{content:'';position:absolute;left:-26px;top:-50%;margin-top:-20px;height:80px;border-left:2px solid #e4e4e4;}
.material .menu li:before{content:'';position:absolute;top:50%;left:-30px;margin-top:-5px;width:10px;height:10px;background-color:#e4e4e4;border-radius:5px;z-index:1;}
.material .menu li .name{display:block;font-weight:700;font-size:16px;margin-bottom:5px;}
/* .material .menu li .text{height:34px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:16px;} */
.material .menu li.active{color:#2aabed;}
.material .menu li.active:before{background-color:#2aabed;}
.material .menu .btn{display:block;margin-bottom:20px;margin-right:40px;}

/* 电子教材 富文本内容 */
.material-text{float:left;width:900px;max-width:100%;padding:0 30px;background-color:#fff;color:#333;overflow:hidden;border:1px solid #ddd;border-radius:8px;}
.material-text > section[id]{position:relative;line-height:2;padding-top:20px;}
/* .material-text > section[id]::before{content:"";display:block;height:20px;} */
.material-text > section[id] + section[id]{/*margin-top:20px;border-top:2px dashed #2aabed;*/}

/* 电子教材 右侧栏 */
.material-side{float:right;position:relative;z-index:3;width:0;padding-top:30px;}
/* .material-side .btn{width:100%;margin-bottom:20px;font-size:16px;} */
.material-side section{width:180px;padding:20px;margin-left:-180px;background-color:#fff;box-shadow:0px 5px 25px 0 rgba(46,61,73,.3);transition:all .7s;opacity: 0;}
.material-side.on section{opacity:1;}
.material-side h2{color:#2aabed;border-bottom:1px solid #2aabed;padding-bottom:10px;margin-bottom:10px;}
.material-side .content{display:none;}
.material-side .content a{display:block;padding-bottom:1px;}
.material-side .content a + a{margin-top:10px;}
.material-side .content a:hover{text-decoration:underline;}
.material-side .i{position: absolute;top:40px;margin-left:-30px;width:30px;height:30px;background-color:#2aabed;z-index:3;cursor: pointer;}
.material-side .i::before{content:'';display:block;width:30px;height:30px;background-image:url(../image/icon/gotop.png);background-position:center;background-repeat:no-repeat;transform:rotate(270deg);transition:transform .5s;}
.material-side.on i::before{transform:rotate(180deg);}

/* 个人资源上传 按钮 */
.add-assets{margin-top:-8px;}
/* 下载列表 */
.list-down ul li{float:left;width:25%;padding:0 20px;margin-bottom:20px;}
.list-down ul li div{height:40px;line-height:40px;background-color:#fff;}
.list-down ul li:hover div{box-shadow: 0px 5px 25px 0 rgba(46,61,73,.5);}
.list-down ul li div .title{padding-left:10px;padding-right:10px;}
.list-down ul li div a.icon{display:none;float:right;margin-top:10px;margin-right:10px;}
.list-down ul li:hover div a{display:block;}

/* 过滤器 */
.filter{padding-bottom:20px;border-bottom:1px solid #d9e2e7;margin-bottom:20px;}
.filter .sort{float:left;}
.filter .sort select{width:200px;height:40px;border-radius:4px;border:1px solid #d9e2e7;font-size:16px;color:#666;padding:0 5px;}
.filter .filter-label{float:right;font-size:0;min-height:40px;}
.filter label{padding-left:30px;position:relative;line-height:20px;font-size:16px;color:#333;font-weight:300;vertical-align:bottom;margin-right:20px;}
.filter label input{width:20px;height:20px;background-color:#fff;border:1px solid #d9e2e7;margin:0;position:absolute;top:0;left:0;}
.filter label:hover{color:#2aabed;}
.filter label:hover input{border-color:#2aabed}
.filter a{font-size:16px;}


/* 岗位详情页 所含项目列表 */
.list-pro{position:relative;}
.list-pro:before{content:'';position:absolute;left:68px;top:0;bottom:0;margin-top:74px;margin-bottom:74px;border-left:4px solid #2aabed;}
.list-pro-card{position:relative;padding-left:130px;}
.list-pro-card + .list-pro-card{margin-top:40px;}
.list-pro-card .num{position:absolute;top:40px;left:40px;width:60px;height:60px;background-color:#fff;border-radius:30px;border:5px solid #2aabed;color:#2aabed;text-align:center;text-indent:-5px;font-size:24px;font-weight:700;font-style:oblique;line-height:50px;}
.list-pro-card .img,.list-pro-card .info{padding-left:10px;padding-right:10px;float:left;}
.list-pro-card .img{width:280px;}
.list-pro-card .img img{width:100%;}
.list-pro-card .info{width:630px;}
.list-pro-card .info h2{margin-bottom:20px;}
.list-pro-card .info .project-head-label label + label{margin-left:15px;}

/* 个人中心 */
.center{background-color:#fafafa;min-height:600px}
.center .subnav{background-color:#fff;text-align:left;}
.center .content{padding-top:60px;padding-bottom:60px;}
.center .form-group .col-sm-10{max-width:260px;}
.center .form-group label{font-weight:300;font-size:16px;color:#666;line-height:40px;margin-bottom:0;}
.center .form-group input,.center .form-group select{height:40px;border-color:#d9e2e7;color:#666;}
.center .form-group input:disabled{background-color:#f5f5f5;color:#999;}
.center .form-group .photo{width:150px;height:150px;border-radius:100px;overflow:hidden;position: relative;border:1px solid #e5e5e5;}
.center .form-group .photo input{position: absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor: pointer;}
.center .form-group .btn{display:inline-block;width:100%;height:40px;}
/* 题库 */


@media (max-width: 1210px){
    .material .menu,.material-side{display:none;}
    .material .menu.active{display:block;position:absolute;}
    .material-side.active{display:block;}

    .material-side{padding-top:0;}
    .material .menu{padding-left:0;}
    .material .menu ul:before,.material .menu li.active:before{display:none;}

    .material-btn{display:block;padding-bottom:20px;}
    .material-btn.fixed{position:fixed;top:0;left:0;z-index:9;width:100%;padding:20px 0;background:#fafafa;border-bottom:1px solid #d9e2e7;padding:10px;}
    .material-btn a + a{float:right}

    .material .menu ul{width:190px;padding:20px;background-color:#fff;box-shadow:0px 5px 25px 0 rgba(46,61,73,.3);z-index:9;}
    .material-side section{width:190px;background-color:#fff;z-index:9;}
    .material-text{margin:0 auto;float:none;}

    .fixed + .menu ul{margin-top:40px;}
    .fixed + .menu + .material-side section{margin-top:40px;}
}
@media (max-width: 1050px){
    .list-pro:before{left:40px;}
    .list-pro-card{padding-left:80px;}
    .list-pro-card .num{left:10px;}
}
@media (max-width: 992px){
    .details-head .details-head-text{padding-left:10px;}
    .filter .sort{margin-bottom:10px;}
    .filter .sort,.filter .filter-label{float:none;}

    .list-pro:before{display:none;}
    .list-pro-card{padding-left:0;}
    .list-pro-card .num{display:none;}

    .list-pro-card .img{width:50%;}
    .list-pro-card .info{width:50%;}
    .list-pro-card .info .con-group{display:none;}

    .list-pro-card .info .project-head-label label{margin-left:0!important;}
}
@media (max-width: 768px){
    .card-box .card-info-item label + label{margin-left:10px;}

    .details-head{padding-top:0;}
	.list-down ul li{width:100%;}
    .center-data .form-group .col-sm-10{max-width:none;}   

    .list-pro-card .info h2{margin-bottom:10px;}
}

.con-head h1{color:#fff;}
.con-head a{font-size:16px;}

.card-teacher{background-color:#fff;padding:40px 20px;}
.card-teacher div img{border-radius:100%;}



.page_top{height:120px;background-image:url(../image/top.jpg);background-size:cover;background-position:center center;}
.page_top + .container{line-height:1.8;}

.join{max-width:700px;margin:auto;}
.join .yzm div{padding-right:100px;position:relative;}
.join .yzm img{position:absolute;top:0;right:10px;height:100%;}
.join .btn{padding:10px 30px;}


/* 首页modal */
#myModal .modal-header,#myModal .modal-body,#downModal .modal-body{padding:40px}
#downModal .list-down{background-color:transparent;}


#feedback .modal-title{font-size:20px;padding:0 10px;}
#feedback label{font-size:16px;font-weight:300;padding-top:8px;}
#feedback .modal-footer{padding:25px;}


/* 考试 && 作业 */
/* .time{font-size:20px;color:#333;} */
.btn-file{display:inline-block;width:120px;background-color:#2aabed;color:#fff;position: relative;text-align:center;}
.btn-file input{position: absolute;top:0;left:0;right:0;opacity:0;}
.exam-submit{margin-top:40px;text-align:right;}
.exam-submit .btn{font-size:20px;line-height:40px;padding:0 20px;}
.collect-table th,.collect-table td{text-align:center;}
.collect-table td a + a{margin-left:20px;}
.collect-table td a.text-primary:hover{border-bottom:1px solid #2aabed;}
.collect-table td a.disabled{cursor:no-drop;}

.modal-exam .modal-title-name{display:block;font-size:20px;font-weight:700;text-align:center}
.modal-exam .btn + .btn{margin-left:20px;}
.modal-exam #qrcode{margin:0 10px 20px;}
.modal-exam #qrcode + input{width:100%;line-height:30px;padding:0 10px;border:1px solid #d9e2e7;cursor:text;}


.exam-list{}
.exam-list h2,.exam-list > h3,.mark h2{margin-bottom:20px}
.exam-list-li{padding-left:20px;position: relative;}
.exam-list-li + .exam-list-li{margin-top:20px;}
.exam-list-li + h2,.exam-list-li + h3,.exam-list > div + h3{margin-top:20px;padding-top:20px;border-top:1px solid #ccc;}
.exam-list-li-head{line-height:30px;margin-bottom:10px}
.exam-list-li-head div label{font-weight:normal;margin-right:5px}
.exam-list-li-head div input{width:120px;padding:0 10px;}
.exam-list-li-head div input[type="text"]{border:1px solid #d9e2e7;}
.exam-list-li-text{clear:both;margin-bottom:10px;line-height:1.3}
.exam-list-li-text + .exam-list-li-text{margin-top:20px}
.exam-list-li-text h3{margin-top:20px;}
.exam-list-li-text div{margin-top:10px;}
.exam-list-li-answer{margin-top:10px}
.exam-list-li-answer textarea{margin-top:10px}

.exam-answer > div{background-color:#dedede;margin-bottom:10px;padding:10px;}
.exam-answer .error > span{color:#fb7069;}
.exam-answer .right > span{color:#65bd27;}
.exam-answer .right p{margin-top:5px;}

.mark{margin-bottom:40px;}
.mark p{margin-bottom:20px}
.mark p + h2{margin-bottom:20px}
.mark a{font-size:20px;}

.student-list li{margin-bottom:10px;}
.student-list a:hover{color:#2aabed;border-bottom:1px solid #2aabed;}

.task-select{margin-bottom:40px;}
.task-select select{display:inline-block;width:auto;margin-right:20px;}


.subject .count{margin-top:40px;margin-bottom:20px;font-size:16px}
/* .subject .box{margin-top:40px;} */
.subject .box > div{height:600px;overflow:scroll;}
.subject .box > div + div{border-left:1px solid #ccc;border-right:0;margin-left:-1px;}
.subject .box > div + div > h2{padding-left:10px;}
.subject h2{margin-bottom:20px;}

.subject .box .exam-list,.subject-select{padding-left:20px;padding-right:10px;}
.subject .close{float:none;font-size:20px;color:red;opacity:1;position:absolute;left:0;top:0;}
.subject .exam-list-li input[type="checkbox"]{position:absolute;left:-10px;top:0;margin-top:2px;width:15px;height:15px;}
.subject .subject-add .form-group label{color:#333;}
.subject .subject-add select{display:inline-block;width:40%;}
.subject .subject-add select + select{margin-left:10px;}
.subject .subject-add > div{margin-bottom:15px;}
.subject .subject-add > div h3{margin-bottom:10px;}

.answer-option div,.subject-answer{line-height:30px;margin-top:10px;}
.answer-option label{width:5%;font-weight:normal;color:#333;}
.answer-option input,.subject-answer input{width:95%;padding:0 10px;border:1px solid #d9e2e7;}
.subject-answer input{width:100%;}

.make .btn-primary{font-size:20px;line-height:30px;}
.make-search{margin-bottom:20px;}
.make-search input,.make-search a{float:left;width:80%;line-height:40px;}
.make-search input{border:1px solid #d9e2e7;border-right:0;border-radius:4px 0 0 4px;}
.make-search a{width:10%;padding:1px 0;border-radius:0;}
.make-search a + a{border-radius:0 4px 4px 0;}
.make-search + div .exam-list{padding-left:0!important;}
.subject-select-checkbox input{width:20px;height:20px;}

.btn-share{width:16px;height:16px;background-image:url(../image/share.png);background-size:contain;margin-top:7px;}
.btn-zan{width:16px;height:16px;background-image:url(../image/zan1.png);background-size:contain;margin-top:7px;margin-left:20px;}
.btn-zan.active{background-image:url(../image/zan2.png);}
.btn-zan + span{margin-right:20px;}

#share .modal-body a{position: relative;}
#share input[type="file"]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;}

#pages a,#pages span{float:left;line-height: 1.53846154;padding: 5px 12px;color:#333;}
#pages a[href],#pages span{position: relative;margin-left: -1px;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
#pages .a1 + a{margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
#pages a[href]:last-child{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
#pages span{z-index: 3;color: #fff;cursor: default;background-color: #3280fc;border-color: #3280fc;}
#pages a[href]:hover{z-index: 2;background-color: #e5e5e5;}
/* 考试 && 作业 End */


/* rank */
.rank .title span{font-size:24px;color:#333;}
.rank .title a{font-size:14px;margin-left:20px;}
.rank .title a.active{color:#2aabed;}

/* news */
.news > a{margin-top:10px;color:#999;}
.news .news-card li{margin-bottom:20px;position: relative;}
.news .news-card li p{line-height:30px;position: absolute;bottom:0;left:10px;right:10px;padding:0 10px;background-color:rgba(0,0,0,.7);color:#fff;}
.news .news-list li{color:#333;padding-right:90px;position: relative;}
.news .news-list li + li{margin-top:22px;}
.news .news-list li span{position: absolute;right:0;}
.news .news-list li img{height:160px;}

.details-head .card-info-item label{width:auto;margin-left:0;margin-right:20px;}

/* pc 播放页面 */
.video-box{height:640px;}

.video-box .iframe{float:left;width:860px;height:100%;margin-right:20px;}
.video-box .iframe iframe{height:100%;border:0;position: relative;z-index:9;}

.video-box .messages{float:left;width:300px;height:100%;border:1px solid #e5e5e5;}
.video-box .messages .box{height:500px;padding:20px;overflow:scroll;}
.video-box .messages .box li .head{line-height:24px;margin-bottom:20px;}
.video-box .messages .box li .head img{width:24px;height:24px;border-radius:24px;}
.video-box .messages .box li .head .name{color:#2aabed;}
.video-box .messages .box li .head .date{float:right;}
.video-box .messages .box li .text{line-height:1.5;}
.video-box .messages .box li + li{margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5;}
.chat{padding:20px;background-color:#fff;}
.chat-texta textarea{height:55px;-webkit-box-shadow: none;box-shadow: none;border-color: #e5e5e5;border-radius: 0;resize: none;}
.chat-btn{margin-top:10px;}

.video-list{position: relative;margin-top:40px;}
.video-list > a{line-height:22px;margin-top:5px;margin-left:40px;}
.video-list > a i{float:left;margin-right:10px;}
.video-list > a i.icon-star{width:22px;height:22px;}
.video-list > a:hover + .popover{display:block;left:auto;right:-17px;top:30px;}
.video-list .popover canvas{width:160px;}

.video-list .pic{float:left;width:260px;margin-right:20px;}
.video-list h3{margin-top:10px;margin-bottom:35px;}

.video-list .list{position: relative;padding:20px 32px 0;border-top:1px solid #e5e5e5;overflow: hidden;}
.video-list .list .swiper-button-prev,.video-list .list .swiper-button-next{width:12px;height:20px;background-size:contain;margin-top:0;}
.video-list .swiper-slide{border:1px solid #e5e5e5;border-radius:4px;}
.video-list .swiper-slide a{display:block;height:65px;padding:10px;}
.video-list .swiper-slide p{font-size:12px;line-height:1.2;}
.video-list .swiper-slide p{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.video-list .swiper-slide.active{color:#fff;background-color:#2aabed;}
/* end */

/* player 手机播放页面 */
.player-video iframe{width:100%;height:280px;border:0;}
.fullscreen{height:100%!important;max-height:100%!important;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;}
.player-nav{padding:10px;background-color:#fff;}
.player-nav li{float: left;width:50%;text-align:center;font-size:16px;}
.player-nav li a{position: relative;}
.player-nav li.active a::after{content:'';position:absolute;bottom:-8px;left:-10px;right:-10px;border-bottom:2px solid #2aabed;}

.player-main h2{line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.player-main .swiper-wrapper{padding-bottom:40px;}

.player-info{padding:20px 0;}
.player-info li{font-size:18px;;color:#999;}
.player-info li + li{border-left:1px solid #e5e5e5;}
.player-info li p{color:#2aabed;margin-bottom:10px;}
.player-info li span{display: inline-block;}
.player-info li i{float:left;margin-top:1px;margin-right:5px;}

.icon-star{display:inline-block;width:18px;height:18px;background-image:url(../image/icon/icon-star.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.icon-star::before{content:none;}
.icon-star.on{background-image:url(../image/icon/icon-star2.png);}

.player-list{border-top:1px solid #e5e5e5;}
.player-list li{padding:10px 0;border-bottom:1px solid #e5e5e5;}
.player-list img{float:left;height:90px;margin-right:10px;}
.player-list p{font-size:16px;line-height:1.2;color:#333;margin-bottom:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.player-pl li{position:relative;padding-left:70px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.player-pl li + li{margin-top:20px;}
.player-pl li img{position:absolute;top:0;left:0;width:60px;height:60px!important;border-radius:60px;}
.player-pl li p{padding-top:10px;margin-bottom:10px;}
.player-pl li p .name{color:#2aabed;}
.player-pl li p .time{color:#999;float:right;}

.player-input{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:1px solid #e5e5e5;padding:5px 55px 5px 15px;z-index:8999;}
.player-input input{display:inline-block;width:100%;line-height:30px;background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:15px;padding:0 10px;}
.player-input a{position:absolute;top:5px;right:15px;width:30px;height:30px;background:#f5f5f5 url(../image/icon/enter.png) center no-repeat;border:1px solid #e5e5e5;border-radius:15px;}
@media (max-width: 768px){
    .player-pl li img{width:40px;height:40px!important;}
}

/* 排行 */
.rank-nav a{font-size:18px;color:#333;margin-right:20px;}
.rank-nav a.active{color:#2aabed;}
.rank-list{margin-top:40px;}
.rank-list li{color:#999;position: relative;padding-left:50px;}
.rank-list li + li{margin-top:20px;}
.rank-list span{position:absolute;left:0;top:10px}
.rank-list li:nth-child(1) span,.rank-list li:nth-child(2) span,.rank-list li:nth-child(3) span{top:0;width:30px;height:40px;text-indent:-999999px;}

.rank-list li:nth-child(1) span{background-image:url(../image/icon/rank1.png);}
.rank-list li:nth-child(2) span{background-image:url(../image/icon/rank2.png);}
.rank-list li:nth-child(3) span{background-image:url(../image/icon/rank3.png);}

.rank-list li img{float:left;width:160px;margin-right:20px;}
.rank-list li p{margin-top:10px;margin-bottom:10px;}

.rank-list li div{display:block;float:left;width:320px;margin-top:30px;}
.rank-list li div label{width:80px;color:#999;}

.page-rank section .rank-list{padding-right:30px;}
.page-rank section + section .rank-list{padding-right:0;padding-left:30px;}
.page-rank section + section h2{padding-left:30px;}


/* 统计 */
.count-box{background-color:#fff;padding:50px 0;text-align:center;}
.count-box ul li{display:inline-block;width:180px;font-size:16px;color:#666;}
.count-box ul li + li{border-left:1px solid #e5e5e5;}
.count-box ul li i{margin-bottom:15px;}

.major-list{font-size:16px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;white-space:nowrap;}
.major-list a + a,.major-list span + span{margin-left:20px;}
.major-list a.active,.major-list span.active{color:#2aabed;border-bottom:2px solid #2aabed;padding-bottom:16px;}
.major-list-li{font-size:16px;overflow-x:auto;white-space:nowrap;}
.major-list-li a + a{margin-left:20px;}
.major-list-li a.active{color:#2aabed;}

.statis-select select{margin-right:20px;}
.statis-select select,.statis-select > div,.statis-select > div input{display:inline-block;width:auto;}
.statis-select > div span{margin-left: 10px;margin-right:10px;}
.statis-select .btn{margin-left:20px;}

.statis-table th{text-align:center;}
.statis-table a{padding-bottom:2px;border-bottom:1px solid #666;}



/* 学生中心 */
.student-head{height:200px;background-image:url(../image/student.jpg);background-size:cover;background-position:center;color:#fff;}
.student-head > div{padding-top:55px;}
.student-head img{width:80px;height:80px;margin-right:40px;border:5px solid rgba(255,255,255,.3);border-radius:80px;}
.student-head span{font-size:20px;}
.student-head .pull-right{margin-top:20px;}
.student-head .pull-right div{float:left;margin-left:40px;}
.student-head .pull-right div i{float:left;margin-right:10px;}
.student-head .pull-right div p{margin-top:5px;font-size:20px;}

.student-nav a{font-size:20px;margin-right:40px;}
.student-nav a.active{color:#2aabed;}
@media (max-width: 768px){
    .major-list{overflow-x:auto;}
    .student-head{height:auto;padding-bottom:55px;}
    .student-head img{width:60px;height:60px;margin-right:10px;}
    .student-head .pull-right{margin-top:0;}
    .student-head .pull-right div{float:none;margin-top:10px;margin-left:0;}
    .student-head .pull-right div i{width:19px;height:18px;}
    .student-head .pull-right div p{display:inline;}
}


/* 新闻资讯 */
.new-main{float:left;width:880px;}
.new-card > .box{max-width:880px;margin-bottom:20px;position:relative;}
.new-card .row .box{float:left;width:33.3333%;padding-left:10px;padding-right:10px;position:relative;}
.new-card .row .box img{height:160px;}
.new-card .box p{line-height:30px;color:#fff;padding:0 10px;position: absolute;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, .7);}
.new-card .row .box p{left:10px;right:10px;}


.new-aside{float:right;width:280px;}
.list-aside{background-color:#fff;margin-bottom:20px;}
.list-aside h2{margin:0 29px;padding:20px 0;border-bottom:1px solid #e5e5e5;}
.list-aside > a{color:#999;margin-top:25px;margin-right:20px;}
.list-aside ul{padding:0 20px 20px;}
.list-aside ul li{margin-top:20px;color:#333;}


.new-type{padding-bottom:10px;border-bottom: 1px solid #e5e5e5;}
.new-type a{color:#666;margin-right:20px;position: relative;}
.new-type a.active{color:#2aabed;}
.new-type a.active::before{content: '';position: absolute;bottom: -11px;left: 0;right: 0;border-bottom: 1px solid #2aabed;}


.new-list ul li{padding:20px 20px 20px 0;border-bottom:1px solid #e5e5e5;}
.new-list ul li:hover{background-color:#fff;}
.new-list ul li img{float:left;margin-right:20px;width:280px;height:160px;}
.new-list ul li h3{padding-top:10px;margin-bottom:20px;}
.new-list ul li p{color:#999;line-height:1.5;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.new-list ul li .card-info-item{margin-top:40px;}
.new-list ul li .card-info-item label + label{margin-left:10px;}
.new-list ul li .card-info-item label i{margin-right:5px;}
.new-list ul li .card-info-item label.pull-right{margin-left:0;}

.new-list .btn-more{margin:auto;margin-top:40px;}
.btn-more{display:block;width:80px;line-height:30px;text-align:center;color:#2aabed;border:1px solid #2aabed;border-radius:4px;}
.btn-more:hover{color:#2aabed;}

.new-content-text{line-height:1.8;}

.search{margin-top:40px;}
.search-input{width:420px;max-width:100%;padding-left:70px;padding-right:50px;margin:0 auto;border:1px solid #2a99ea;border-radius:4px;position: relative;}
.search-input > a{position:absolute;top:0;left:0;width:70px;font-size:16px;line-height:20px;color:#2a99ea;text-align:center;margin:10px 0;border-right:1px solid #2a99ea;}
.search-input > a::after{font-family: ZenIcon;content: '\e6e3';margin-left:5px}
.search-input input{width:100%;line-height:40px;padding-left:10px;padding-right:10px;}
.search-input .search-btn{position:absolute;top:0;right:0;float:right;width:50px;background:url(../image/icon/search2.png) center no-repeat #2a99ea;height:40px;border:0;cursor: pointer;}

.search-box > p{font-size:16px;color:#999;}
.search-box > ul{}
.search-box > ul li{line-height:40px;color:#999;}
.search-box > ul li:nth-child(even){background-color:#f5f5f5;}
.search-box > ul li .title{color:#333;}
.search-box > ul li .title span{color:#2a99ea;}


.recruit-type a{font-size:16px;}
.recruit-type a.active{color:#2aabed;}
.recruit-type a + a::before{content:'|';margin:0 20px;}

.recruit-table{height:200px;background-color:#fff;border-radius:4px;}
.recruit-table-head{font-size:16px;color:#333;background-color:#e5e5e5;padding:0 20px;}
.recruit-table-head,.recruit-table .swiper-slide{display:flex;}
.recruit-table-head span,.recruit-table .swiper-slide span{flex:1;text-align:center;line-height:40px;}
.recruit-table span.title,.recruit-table-head span.title{flex:2;}
.recruit-table span{color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.recruit-table span a{border-bottom:1px solid #999;}
.recruit-table span a:hover{color:#2aabed;border-bottom-color:#2aabed;}
.recruit-table .swiper-wrapper{transition-timing-function:linear;padding:0 20px;box-sizing:border-box;}
.recruit-table .swiper-slide{border-bottom:1px solid #d9e2e7;}

.recruit table{background-color:#fff;}
.recruit table th,.recruit table td{text-align:center;max-width:180px;}
.recruit table th{font-weight:normal;font-size:16px;background-color:#e5e5e5;}
.recruit table td{color:#999;}
.recruit table td a{border-bottom:1px solid #999;}
.recruit table td a:hover{color:#2aabed;border-bottom-color:#2aabed;}

.recruit aside{float: left;width:300px;padding-right:40px;}
.recruit aside a{display:block;line-height:40px;font-size:16px;color:#666;}
.recruit aside a.active{color:#2aabed;}
.recruit section{float:left;width:880px}

.recruit-search{width:300px;margin:0 0 20px auto;border:1px solid #e5e5e5;position:relative;border-radius:40px;overflow:hidden;}
.recruit-search input{width:100%;line-height:40px;padding-left:20px;padding-right:50px;background-color:transparent;}
.recruit-search button{width:40px;height:40px;background: url(../image/icon/search3.png) center no-repeat;position:absolute;top:0;right:0;border:none;}

.echarts-box{overflow-x:auto;overflow-y: hidden;}


@media (max-width: 1200px){
    .new-aside{float:none;width:auto;max-width:880px;margin:0 auto;}
    .new-aside .list-aside{display:none;background-color:transparent;}
    .new-main{float:none;width:auto;max-width:880px;margin:0 auto;}
    .list-aside h2{display:none;}
}

@media (max-width: 768px){
    .recruit aside{float:none;width:auto;padding-right:0;}
    .recruit aside h1{margin-bottom:20px;}
    .recruit aside div{overflow-x:auto;white-space:nowrap;}
    .recruit aside div a{display:inline;}
    .recruit aside div a + a{margin-left:20px;}

    .recruit section{float:none;width:auto;}
    .recruit-search{width:100%;margin-top:20px;}
    .recruit table th, .recruit table td{max-width:100px;}

    .page-rank section + section{display:none;}
    .page-rank section + section h2{padding-left:0;}
    .page-rank section .rank-list{padding-right:0;}
    .page-rank section + section .rank-list{padding-left:0;}
    .rank-list li img{float:none;width:100%;margin-right:0;}
    .rank-list li div{float:none;width:auto;margin-top:0;}


    .new-card{margin-right:0;}
    .new-card .swiper-slide img{width:100%;}
    .new-card .swiper-slide p{width:100%;line-height:30px;padding:0 10px;background-color:rgba(0,0,0,.7);color:#fff;position: absolute;bottom:0;}

    .new-list ul li{padding-right:10px;}
    .new-list ul li img{float:left;width:auto;height:65px;margin-right: 10px;}
    .new-list ul li h3{padding-top:0;margin-bottom:5px;}
    .new-list ul li p{line-height:1.2;-webkit-line-clamp:1;}
    .new-list ul li .card-info-item{margin-top:5px;}
    .list-aside ul{padding:0;}

    .count-box{background-color:transparent;padding:0;}
    .count-box ul li{float:left;width:50%;margin-bottom:30px;}
    .count-box ul li + li{border-left:none;}
}
